.FrontModalBox {
	.ant-modal-content {
		padding: 0;
		height: 100%;
		background: rgba(247, 247, 247, 0.05);
		backdrop-filter: blur(10px);

		.ant-modal-close {
			top: var(--ItemTitleTwoModalXTop);

			& > .ant-modal-close-x {
				color: var(--ItemTitleTwoModalXColor);
				font-size: var(--ItemTitleTwoModalXFSize);
				font-weight: var(--ItemTitleTwoModalXFWeight);
			}
		}
	}
}

.FrontTableList {
	width: 100%;
	height: 70vh;

	display: flex;
	align-items: flex-start;
	justify-content: center;

	& > .LeftMenu {
		width: 400px;
		margin-right: 16px;
		height: 100%;
		overflow-y: scroll;
	}

	& > .ant-pro-table {
		flex: 1;
		width: 100%;
		height: 100%;
	}

	.ant-form-item-control-input {
		.ant-btn-primary {
			color: var(--ItemTitleTwoModalTableOptionsColor);
			background: var(--ItemTitleTwoModalTableSubmitBack);
			border-color: var(--ItemTitleTwoModalTableSubmitBorder);
		}

		.ant-btn-default {
			color: var(--ItemTitleTwoModalTableOptionsColor);
			background: var(--ItemTitleTwoModalTableResettingBack);
			border-color: var(--ItemTitleTwoModalTableResettingBorder);
		}

		.ant-space-item {
			color: var(--ItemTitleTwoModalTableOptionsColor);
		}
	}
}

.FrontTableTest {
	width: 100%;
	height: 70vh;
	padding: 16px;

	& > .Box {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;

		& > div {
			height: 100%;

			&.Lef {
				width: 240px;
				margin-right: 16px;

				& > div {
					width: 100%;
					display: flex;
					align-items: flex-start;
					justify-content: space-between;
					line-height: 32px;
					cursor: pointer;
					padding: 0 8px;
					margin-bottom: 8px;

					& > div:first-child {
						font-size: 16px;
						font-family: Microsoft YaHei;
						font-weight: bold;
						color: #ffffff;
					}

					& > div:last-child {
						font-size: 16px;
						font-family: DIN Condensed;
						font-weight: bold;
						color: #ffffff;
					}

					&.active {
						background: rgba(0, 0, 0, 0.5);
						backdrop-filter: blur(10px);
						border-radius: 8px;
					}
				}
			}

			&.Rig {
				flex: 1;
				overflow: hidden;
			}
		}
	}
}
